import {createRouter, createWebHistory} from 'vue-router';

// 导入路由组件
import HomeView from '../views/HomeView.vue';

// 创建路由实例并传递配置
const router = createRouter({
  // 根路径
  history: createWebHistory(import.meta.env.BASE_URL),
  // 路由映射（后续的学习中会详细讲到如何配置路由映射）
  routes: [
    {
      path: '/',
      name: 'home',
      component: HomeView // 定义路由组件，import使组件编译时被静态加载
    },
    {
      path: '/about',
      name: 'about',
      component: () => import('../views/AboutView.vue') // 定义路由组件，import()使组件被访问时动态加载
    }
  ]
});

export default router;
